@media (min-width:768px) {

    .custom-height {
        min-height: 92vh;
    }

}

@media (min-width:992px) {

    .plan-block {
        bottom: 37px;
        left: 0;
        right: 0;
        content: '';
        text-align: center;
    }
    .inner-block.signup-block::before {
        background-image: url(../images/auth/signUp-right-single.webp);
        background-size: 50% 100%;
        background-repeat: no-repeat;
    }
    /*.inner-block.login-block::before {
        background-image: url(../images/auth/login-right-bg.webp);
        background-size: 50% 100%;
        background-repeat: no-repeat;
    }*/
    .login-right-bg {
        background-image: url(../images/auth/login-right-single.webp);
        width:100%;
        Height:100%;
        background-repeat: no-repeat;
        background-size:100% auto;
        position:absolute;
        top:0;
        bottom:0;
        right:0;
        background-position: center center;
    }
    .inner-block.forgot-block {
        background-image: url(../images/auth/login-background.webp);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .top-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
    .oc-main {max-width: 20%;flex: 0 0 100%;margin-bottom: 30px}
    .bd-right {border-right: 1px solid #ECECE9;}
    .prod-container .l-display {
        display: table-cell;
      vertical-align: top;
    }

    .prod-container .r-display {
        display: table-cell;
      vertical-align: middle;
      text-align: center;
    }
}

@media (min-width:768px) and (max-width:1199px) {

    .inner-block.signup-block,
    .signup-block .custom-height,
    .inner-block.signup-block::after,
    .inner-block.signup-block::before {
        min-height: 100vh;
    }
    .inner-block.login-block,
    .login-block .custom-height,
    .inner-block.login-block::after,
    .inner-block.login-block::before {
        min-height: 100vh;
    }
    .setupon-os-single:not(:last-child){
        padding-bottom: 35px;
    }

}

@media (min-width:768px) and (max-width:991px) {
    .choose-plan {
        font-size: 13px;
        padding: 0.3rem 0.75rem;
    }
    .inner-block {
        height: auto;
        background: #e9f3ff;
    }
}

@media (max-width:767px) {
    .inner-block {
        height: auto;
        background: #e9f3ff;
    }

    .inner-block::before {
        left: 0;
    }
}

@media (max-width:330px) {

    .single-block-plan .option-ul li span {
        margin-left: 10px;
        font-size: 12px;
    }

    .compare-plan > .container {
        padding: 0 10px;
    }

}
@media (min-width:1200px) {
    .container-banner {
        max-width: 1184px;
    }
}